.order-page body {
  background-color: #f8e5ff;
}
.order-page header {
  background-color: #cf4cff;
  padding: 0rem 1.06666667rem 0rem 1.06666667rem;
  overflow: hidden;
}
.order-page header .back {
  float: left;
  background: url("../img/order_back.png") no-repeat;
  background-size: 0.96rem, 1.56444444rem;
  width: 0.96rem;
  height: 1.56444444rem;
  margin: 0.78222222rem 0rem 0.78222222rem 0.35555556rem;
}
.order-page header h1 {
  float: left;
  line-height: 3.12888889rem;
  width: 21.79555556rem;
  color: #ffffff;
  font-size: 1.06666667rem;
  text-align: center;
}
.order-page header .more {
  float: left;
  margin-top: 1.42222222rem;
  background: url("../img/order_more.png") no-repeat;
  background-size: 1.42222222rem, 0.28444444rem;
  width: 1.42222222rem;
  height: 0.28444444rem;
}
.order-page .nav {
  overflow: hidden;
  padding: 0rem 1.06666667rem 0rem 1.06666667rem;
  background-color: #cf4cff;
}
.order-page .nav li {
  float: left;
  border-radius: 0.21333333rem;
}
.order-page .nav li span {
  display: block;
  line-height: 1.42222222rem;
  padding: 0rem 0.42666667rem 0rem 0.42666667rem;
  font-size: 0.99555556rem;
  color: #f6ddff;
}
.order-page .nav .on {
  background-color: #a441ff;
}
.order-page .nav li ~ li {
  margin-left: 1.56444444rem;
}
.order-page .status {
  text-align: right;
  padding-right: 1.06666667rem;
  line-height: 2.13333333rem;
  background-color: #ffffff;
  color: #d666ff;
  font-size: 0.85333333rem;
}
.order-page .detail {
  padding: 0.35555556rem 1.06666667rem 0.35555556rem 1.06666667rem;
  overflow: hidden;
  display: block;
}
.order-page .detail img {
  float: left;
  width: 7.11111111rem;
  height: 7.11111111rem;
  border: 1px solid #666666;
}
.order-page .detail .title {
  float: left;
  width: 16.64rem;
  line-height: 1.56444444rem;
  font-size: 0.85333333rem;
  color: #333333;
  margin-left: 0.56888889rem;
}
.order-page .detail .price {
  float: left;
  width: 16.64rem;
  line-height: 1.06666667rem;
  margin-left: 0.56888889rem;
  margin-top: 1.35111111rem;
  font-size: 0.85333333rem;
  color: #333333;
}
.order-page .detail .amount {
  float: left;
  width: 16.64rem;
  line-height: 0.85333333rem;
  font-size: 0.71111111rem;
  color: #666666;
  margin-left: 0.56888889rem;
  margin-top: 0.42666667rem;
}
.order-page .total {
  background-color: #ffffff;
  border-bottom: 1px solid #d6d6d6;
  padding: 0rem 1.06666667rem 0rem 1.06666667rem;
}
.order-page .total span {
  display: inline-block;
  line-height: 2.13333333rem;
  color: #333333;
  font-size: 0.71111111rem;
}
.order-page .total .amount {
  margin-left: 7.11111111rem;
}
.order-page .total .price em {
  font-size: 0.85333333rem;
}
.order-page .operate {
  line-height: 2.13333333rem;
  background-color: #ffffff;
  padding-left: 15.85777778rem;
}
.order-page .operate span {
  display: inline-block;
  width: 4.19555556rem;
  line-height: 1.35111111rem;
  border-radius: 0.42666667rem;
  text-align: center;
  border: 1px solid #6a6a6a;
  font-size: 0.85333333rem;
  color: #333333;
}
.order-page .operate span ~ span {
  margin-left: 0.71111111rem;
}
.order-page .operate .on {
  color: #cf4cff;
  border-color: #cf4cff;
}
.order-page .order-option ~ .order-option {
  margin-top: 1.13777778rem;
}
.order-page footer {
  background-color: #ebb2ff;
  width: 24.53333333rem;
  display: block;
  height: 3.48444444rem;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0rem 1.06666667rem 0rem 1.06666667rem;
}
.order-page footer .option1 i {
  background: url("../img/order_f_index.png") no-repeat;
  background-size: 1.84888889rem, 1.63555556rem;
  width: 1.84888889rem;
  height: 1.63555556rem;
}
.order-page footer .option2 i {
  background: url("../img/home_f_class.png") no-repeat;
  background-size: 1.63555556rem, 1.63555556rem;
  width: 1.63555556rem;
  height: 1.63555556rem;
}
.order-page footer .option3 i {
  background: url("../img/home_f_shopcart.png") no-repeat;
  background-size: 1.81333333rem, 1.63555556rem;
  width: 1.81333333rem;
  height: 1.63555556rem;
}
.order-page footer .option4 i {
  background: url("../img/order_f_user.png") no-repeat;
  background-size: 1.42222222rem, 1.63555556rem;
  width: 1.42222222rem;
  height: 1.63555556rem;
}
.order-page footer .option1,
.order-page footer .option2,
.order-page footer .option3,
.order-page footer .option4 {
  float: left;
  width: 2.77333333rem;
  margin-top: 0.28444444rem;
}
.order-page footer .option1 i,
.order-page footer .option2 i,
.order-page footer .option3 i,
.order-page footer .option4 i {
  display: block;
  margin: 0 auto;
}
.order-page footer .option1 b,
.order-page footer .option2 b,
.order-page footer .option3 b,
.order-page footer .option4 b {
  display: block;
  text-align: center;
  line-height: 0.85333333rem;
  width: 2.77333333rem;
  font-size: 0.71111111rem;
  margin-top: 0.35555556rem;
  color: #333333;
}
.order-page footer div ~ div {
  margin-left: 4.48rem;
}
